import * as React from 'react'
import { Layout, Menu, Dropdown } from 'antd';
const { Header } = Layout;
import { DownOutlined } from '@ant-design/icons';

const menu = (
    <Menu>
      <Menu.Item key="0">
        <a href="/logout">退出登录</a>
      </Menu.Item>
    </Menu>
  );

const Sheader = () => {
    return (
        <Header style={{
            backgroundColor: '#fff'
        }}>
           <div style={{
               float: 'right'
           }}>
               <Dropdown overlay={menu} trigger={['click']}>
                    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
                        管理员 <DownOutlined />
                    </a>
                </Dropdown>
           </div> 
        </Header>
    )
}

export default Sheader